<div class="fullscreen" nz-row>
    <div class="outer-panel" nz-col nzSpan="6">
        <div class="inner-panel">
            <ou-org-user-tree-select-panel
                (selectNode)="selectNode($event)"
                [searchConfig]="searchConfig">
            </ou-org-user-tree-select-panel>
        </div>
    </div>
    <div class="outer-panel" nz-col nzSpan="18">
        <div class="inner-panel">
            <user-role
                *ngIf="activeNzTreeNode?.origin.type === 'USER'"
                [userId]="activeNzTreeNode?.origin.data.userId">
            </user-role>
            <org-role
                *ngIf="activeNzTreeNode?.origin.type === 'ORG' || activeNzTreeNode?.origin.type === 'DEPT'"
                [orgId]="activeNzTreeNode?.origin.data.orgId">
            </org-role>
        </div>
    </div>
</div>
